<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%><%@ page session="false"%>
<!DOCTYPE html>
<html lang="es-ES">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta name="_csrf" content="${_csrf.token}" />
        <meta name="_csrf_header" content="${_csrf.headerName}" />
    <jsp:include page="libs.jsp" flush="true" />
    </head>
    <body class="home blog">
        <jsp:include page="header.jsp" flush="true" />
        <div id="box-banner">
            <div class="container" style="overflow:hidden; position:relative;">
                <div class="box_banner_main">
                    <div class="slider-wrapper theme-default">
                        <div id="slider" class="nivoSlider">
                            <a href="#" target="_blank">
                                <img src="images/img_slider1.jpg" data-thumb="images/img_slider1.jpg" title="#35353" alt="Imagen1" />
                            </a>
                            <a href="#" target="_blank">
                                <img src="images/img_slider2.jpg" data-thumb="images/img_slider2.jpg" title="#35353" alt="Imagen2" />
                            </a>
                            <a href="#" target="_blank">
                                <img src="images/img_slider3.jpg" data-thumb="images/img_slider3.jpg" title="#35353" alt="Imagen3" />
                            </a>
                            <a href="#" target="_blank">
                                <img src="images/img_slider4.jpg" data-thumb="images/img_slider4.jpg" title="#35353" alt="Imagen4" />
                            </a>
                            <a href="#" target="_blank">
                                <img src="images/img_slider5.jpg" data-thumb="images/img_slider5.jpg" title="#35353" alt="Imagen5" />
                            </a>
                        </div>
                    </div>
                </div>
            </div>


        </div>
        <div id="box_content">
            <div class="container">
                <div class="col span_17">
                    <h4 class="title_main">Noticias</h4>
                    <div class="box_section_news clearfix">
                        <div class="container">
                            <div class="col span_12 box_new_main">
                                <div class="box_img clearfix">
                                    <a href="#">
                                        <img width="340" height="216" src="images/relleno.jpg" class="attachment-342x216 wp-post-image" alt="Foto rsanitario AYACUCHO 345pix" /></a></div>
                                <h3>
                                    <a href="#" title="Ver más" target="">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</a>
                                </h3>
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                            </div>

                            <div class="col span_12 box_list_news">
                                <ul>
                                    <li>
                                        <a href="#" title="Link" target="">Actualización del Reglamento Ambiental Minero se ajusta a estándares ambientales</a>
                                    </li>

                                    <li>
                                        <a href="#" title="Link" target="">Se abre el plazo de solicitud de acreditación de medios y prensa para la COP 20/CMP 10</a>
                                    </li>

                                    <li>
                                        <a href="#" title="Link" target="">Casi 7 toneladas de celulares, TV, computadoras, radios e impresoras acopió TECNORECICLA RAEE 2014 en Cusco</a>
                                    </li>

                                    <li>
                                        <a href="#" title="Link" target="">Sociedad civil designa a representante ante la Comisión Nacional sobre Cambio Climático (CNCC)</a>
                                    </li>

                                    <li>
                                        <a href="#" title="Link" target="">
                                            Invitamos a ONG y organizaciones indígenas a designar a sus representantes ante la Comisión Nacional sobre el Cambio Climático								</a>
                                    </li>

                                    <li>
                                        <a href="#" title="Link" target="">
                                            La Gestión Ambiental debe mantenerse vinculada con otros aspectos del desarrollo								</a>
                                    </li>

                                </ul>
                            </div>
                        </div>
                    </div>
                    <h4 class="title_main">Servicios al Ciudadano</h4>
                    <div id="tabs_home" class="box_section_cdad clearfix">
                        <ul class="clearfix">
                            <li><a href="#tabs-1" title="">Menu 1</a></li>
                            <li><a href="#tabs-2" title="" target="" class="active">Menu 2</a></li>
                            <li><a href="#tabs-3" title="" target="">Menu 3</a></li>
                            <li><a href="#tabs-4" title="" target="">Menu 4</a></li>
                        </ul>

                        <div id="tabs-1"  class="container connected-carousels">
                            <div id="nav-01" class="crsl-nav">
                                <a href="#" class="previous">&laquo; Anterior</a>
                                <a href="#" class="next">Siguiente &raquo;</a>
                            </div>
                            <div class="gallery gallery-01 crsl-items" data-navigation="nav-01">
                                <div class="crsl-wrap">
                                    <div class="crsl-item">
                                        <div class="box_img">
                                            <a href="#">
                                                <img width="228" height="150" src="images/aux1.png" class="attachment-245x158 wp-post-image" alt="" />									</a>
                                        </div>
                                        <div class="box_text">
                                            <p>Para acceder a la información p&uacute;blica .</p>
                                        </div>
                                    </div>
                                    <div class="crsl-item">
                                        <div class="box_img">
                                            <a href="#">
                                                <img width="228" height="150" src="images/aux1.png" class="attachment-245x158 wp-post-image" alt="" />									</a>
                                        </div>
                                        <div class="box_text">
                                            <p>Texto Único de Procedimientos Administrativos, que se debe de aprobar cada dos años obligatoriamente.</p>
                                        </div>
                                    </div>
                                    <div class="crsl-item">
                                        <div class="box_img">
                                            <a href="#">
                                                <img width="228" height="150" src="images/aux1.png" class="attachment-245x158 wp-post-image" alt="" />									</a>
                                        </div>
                                        <div class="box_text">
                                            <p>Proyectos normativos para Consulta Pública.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div id="tabs-2"  class="container connected-carousels">
                            <div id="nav-02" class="crsl-nav">
                                <a href="#" class="previous">&laquo; Anterior</a>
                                <a href="#" class="next">Siguiente &raquo;</a>
                            </div>
                            <div class="gallery gallery-02 crsl-items" data-navigation="nav-02">
                                <div class="crsl-wrap">
                                    <div class="crsl-item">
                                        <div class="box_img">
                                            <a href="#">
                                                <img width="228" height="150" src="images/aux1.png" class="attachment-245x158 wp-post-image" alt="" />									</a>
                                        </div>
                                        <div class="box_text">
                                            <p>Se trata de un sistema de comunicación directa</p>
                                        </div>
                                    </div>
                                    <div class="crsl-item">
                                        <div class="box_img">
                                            <a href="#">
                                                <img width="228" height="150" src="images/aux1.png" class="attachment-245x158 wp-post-image" alt="" />									</a>
                                        </div>
                                        <div class="box_text">
                                            <p>El Servicio de Información Nacional</p>
                                        </div>
                                    </div>
                                    <div class="crsl-item">
                                        <div class="box_img">
                                            <a href="#">
                                                <img width="228" height="150" src="images/aux1.png" class="attachment-245x158 wp-post-image" alt="" />									</a>
                                        </div>
                                        <div class="box_text">
                                            <p>Su reclamo o queja nos permitir&aacute; continuar mejorando la gesti&oacute;n institucional.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div id="tabs-3"  class="container connected-carousels">
                            <div id="nav-03" class="crsl-nav">
                                <a href="#" class="previous">&laquo; Anterior</a>
                                <a href="#" class="next">Siguiente &raquo;</a>
                            </div>
                            <div class="gallery gallery-03 crsl-items" data-navigation="nav-03">
                                <div class="crsl-wrap">
                                    <div class="crsl-item">
                                        <div class="box_img">
                                            <a href="#">
                                                <img width="228" height="150" src="images/aux1.png" class="attachment-245x158 wp-post-image" alt="" />									</a>
                                        </div>
                                        <div class="box_text">
                                            <p>Es una comunidad de investigadores, expertos y profesionales</p>
                                        </div>
                                    </div>
                                    <div class="crsl-item">
                                        <div class="box_img">
                                            <a href="#">
                                                <img width="228" height="150" src="images/aux1.png" class="attachment-245x158 wp-post-image" alt="" />									</a>
                                        </div>
                                        <div class="box_text">
                                            <p>Es una red de integración tecnológica...</p>
                                        </div>
                                    </div>
                                    <div class="crsl-item">
                                        <div class="box_img">
                                            <a href="#">
                                                <img width="228" height="150" src="images/aux1.png" class="attachment-245x158 wp-post-image" alt="" />									</a>
                                        </div>
                                        <div class="box_text">
                                            <p>Investigación en materia ambiental.</p>
                                        </div>
                                    </div>
                                    <div class="crsl-item">
                                        <div class="box_img">
                                            <a href="#">
                                                <img width="228" height="150" src="images/aux1.png" class="attachment-245x158 wp-post-image" alt="" />									</a>
                                        </div>
                                        <div class="box_text">
                                            <p>Documento de referencia y guía</p>
                                        </div>
                                    </div>
                                    <div class="crsl-item">
                                        <div class="box_img">
                                            <a href="#">
                                                <img width="228" height="150" src="images/aux1.png" class="attachment-245x158 wp-post-image" alt="" />									</a>
                                        </div>
                                        <div class="box_text">
                                            <p>Espacios de intercambio </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div id="tabs-4"  class="container connected-carousels">
                            <div id="nav-04" class="crsl-nav">
                                <a href="#" class="previous">&laquo; Anterior</a>
                                <a href="#" class="next">Siguiente &raquo;</a>
                            </div>
                            <div class="gallery gallery-04 crsl-items" data-navigation="nav-03">
                                <div class="crsl-wrap">
                                    <div class="crsl-item">
                                        <div class="box_img">
                                            <a href="#">
                                                <img width="228" height="150" src="images/aux1.png" class="attachment-245x158 wp-post-image" alt="" />									</a>
                                        </div>
                                        <div class="box_text">
                                            <p>Es una comunidad de investigadores, expertos y profesionales</p>
                                        </div>
                                    </div>
                                    <div class="crsl-item">
                                        <div class="box_img">
                                            <a href="#">
                                                <img width="228" height="150" src="images/aux1.png" class="attachment-245x158 wp-post-image" alt="" />									</a>
                                        </div>
                                        <div class="box_text">
                                            <p>Es una red de integración tecnológica...</p>
                                        </div>
                                    </div>
                                    <div class="crsl-item">
                                        <div class="box_img">
                                            <a href="#">
                                                <img width="228" height="150" src="images/aux1.png" class="attachment-245x158 wp-post-image" alt="" />									</a>
                                        </div>
                                        <div class="box_text">
                                            <p>Investigación en materia ambiental.</p>
                                        </div>
                                    </div>
                                    <div class="crsl-item">
                                        <div class="box_img">
                                            <a href="#">
                                                <img width="228" height="150" src="images/aux1.png" class="attachment-245x158 wp-post-image" alt="" />									</a>
                                        </div>
                                        <div class="box_text">
                                            <p>Documento de referencia y guía</p>
                                        </div>
                                    </div>
                                    <div class="crsl-item">
                                        <div class="box_img">
                                            <a href="#">
                                                <img width="228" height="150" src="images/aux1.png" class="attachment-245x158 wp-post-image" alt="" />									</a>
                                        </div>
                                        <div class="box_text">
                                            <p>Espacios de intercambio </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>




                    <!--<h4 class="title_main"></h4>-->
                    <div class="theme-default">
                        <div id="slider2" class="nivoSlider">
                            <a href="http://www.minam.gob.pe/premioambiental/" target="_blank"> 
                                <img src="http://www.minam.gob.pe/wp-content/uploads/2014/08/banner-web-2.jpg" data-thumb="http://www.minam.gob.pe/wp-content/uploads/2014/08/banner-web-2.jpg" title="#34788" alt="Premio Nacional Ambiental" />
                            </a>
                            <a href="http://www.minam.gob.pe/fenomenodelnino/" target="_blank"> 
                                <img src="http://www.minam.gob.pe/wp-content/uploads/2014/08/web-01.jpg" data-thumb="http://www.minam.gob.pe/wp-content/uploads/2014/08/web-01.jpg" title="#34778" alt="Fenómeno El Niño" />
                            </a>
                            <a href="http://www.cidea7.pe/" target="_blank"> 
                                <img src="http://www.minam.gob.pe/wp-content/uploads/2014/06/logo-banner_2.jpg" data-thumb="http://www.minam.gob.pe/wp-content/uploads/2014/06/logo-banner_2.jpg" title="#32963" alt="VII Congreso Iberoamericano de Educación Ambiental" />
                            </a>
                            <a href="http://www.minam.gob.pe/gals/" target="_blank"> 
                                <img src="http://www.minam.gob.pe/wp-content/uploads/2014/05/GALS2014_720x270.jpg" data-thumb="http://www.minam.gob.pe/wp-content/uploads/2014/05/GALS2014_720x270.jpg" title="#31682" alt="GALS2014" />
                            </a>
                            <a href="http://www.minam.gob.pe/consultaspublicas/" target="_blank"> 
                                <img src="http://www.minam.gob.pe/wp-content/uploads/2014/01/consultas-publicas-01.jpg" data-thumb="http://www.minam.gob.pe/wp-content/uploads/2014/01/consultas-publicas-01.jpg" title="#27091" alt="Consultas Públicas" />
                            </a>
                            <a href="http://www.cop20.pe" target="_blank"> 
                                <img src="http://www.minam.gob.pe/wp-content/uploads/2013/11/banner_cop.jpg" data-thumb="http://www.minam.gob.pe/wp-content/uploads/2013/11/banner_cop.jpg" title="#24650" alt="COP 20" />
                            </a>
                            <a href="http://www.minam.gob.pe/mineriailegal/" target="_blank"> 
                                <img src="http://www.minam.gob.pe/wp-content/uploads/2013/11/banner_no_mas_mineria.jpg" data-thumb="http://www.minam.gob.pe/wp-content/uploads/2013/11/banner_no_mas_mineria.jpg" title="#24591" alt="No a la minería" />
                            </a>
                        </div>
                        <div id="34788" class="nivo-html-caption"><small></small></div><div id="34778" class="nivo-html-caption"><small></small></div><div id="32963" class="nivo-html-caption"><small></small></div><div id="31682" class="nivo-html-caption"><small></small></div><div id="27091" class="nivo-html-caption"><small></small></div><div id="24650" class="nivo-html-caption"><small></small></div><div id="24591" class="nivo-html-caption"><small></small></div>	        </div>

                </div>
                <div class="col span_7">
                    <div class="cube_sidebar box_green clearfix">
                        <span class="title_cube clearfix">
                            <h4>INTERACTIVO 1</h4>
                            <a href="#" target="_blank" title="" target="">Ver m&aacute;s</a>
                        </span>
                        <div class="cont_cube_side box_video">

                        </div>
                    </div>
                    <div class="cube_sidebar box_blue clearfix">
                        <span class="title_cube clearfix">
                            <h4>INTERACTIVO 2</h4>
                            <a href="#" target="_blank" title="" target="">Ver m&aacute;s</a>
                        </span>
                        <div class="cont_cube_side">
                            <ul>
                                <li>
                                    <a href="">Consultores</a>
                                </li>
                                <li>
                                    <a href="">Consultores</a>
                                </li>
                                <li>
                                    <a href="">Consultores</a>
                                </li>
                                <li>
                                    <a href="">Consultores</a>
                                </li>
                                <li>
                                    <a href="">Consultores</a>
                                </li>
                            </ul>		
                        </div>
                    </div>
                    <div class="cube_sidebar box_orange clearfix">
                        <span class="title_cube clearfix">
                            <h4>INTERACTIVO 3</h4>
                            <a href="#" title="">Ver m&aacute;</a>
                        </span>
                        <div class="cont_cube_side list_new">
                            <ul>
                                <li class="clearfix">
                                    <div class="box_img">
                                        <a href="#">
                                            <img width="70" height="70" src="images/aux2.png" class="attachment-70x70 wp-post-image" alt="" /></a>
                                    </div>
                                    <div class="box_text">
                                        <h4><a href="" title="Link" target="">LINK</a></h4>
                                        <p> El Servicio Nacional...</p>
                                    </div>	
                                </li>
                                <li class="clearfix">
                                    <div class="box_img">
                                        <a href="#">
                                            <img width="70" height="70" src="images/aux2.png" class="attachment-70x70 wp-post-image" alt="" /></a>
                                    </div>
                                    <div class="box_text">
                                        <h4><a href="" title="Link" target="">LINK</a></h4>
                                        <p> El Servicio Nacional...</p>
                                    </div>	
                                </li>
                                <li class="clearfix">
                                    <div class="box_img">
                                        <a href="#">
                                            <img width="70" height="70" src="images/aux2.png" class="attachment-70x70 wp-post-image" alt="" /></a>
                                    </div>
                                    <div class="box_text">
                                        <h4><a href="" title="Link" target="">LINK</a></h4>
                                        <p> El Servicio Nacional...</p>
                                    </div>	
                                </li>
                                <li class="clearfix">
                                    <div class="box_img">
                                        <a href="#">
                                            <img width="70" height="70" src="images/aux2.png" class="attachment-70x70 wp-post-image" alt="" /></a>
                                    </div>
                                    <div class="box_text">
                                        <h4><a href="" title="Link" target="">LINK</a></h4>
                                        <p> El Servicio Nacional...</p>
                                    </div>	
                                </li>
                                <li class="clearfix">
                                    <div class="box_img">
                                        <a href="#">
                                            <img width="70" height="70" src="images/aux2.png" class="attachment-70x70 wp-post-image" alt="" /></a>
                                    </div>
                                    <div class="box_text">
                                        <h4><a href="" title="Link" target="">LINK</a></h4>
                                        <p> El Servicio Nacional...</p>
                                    </div>	
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        <jsp:include page="fotos.jsp" flush="true" />
        <jsp:include page="footer.jsp" flush="true" />

                            <script type='text/javascript' src='js/jquery.form.min.js'></script>
                            <script type='text/javascript'>
            /* <![CDATA[ */
            var _wpcf7 = {"loaderUrl": "..\/images\/ajax-loader.gif", "sending": "Enviando...", "cached": "1"};
            /* ]]> */
                            </script>
                            <script type='text/javascript' src='js/scripts2.js'></script>
                            <script type='text/javascript' src='js/easy-fancybox/fancybox/jquery.fancybox-1.3.5.pack.js'></script>
                            <script type='text/javascript' src='js/easy-fancybox/jquery.easing.pack.js'></script>
                            <script type='text/javascript' src='js/easy-fancybox/jquery.mousewheel.pack.js'></script>

                            <script type="text/javascript">
            jQuery(document).on('ready post-load', easy_fancybox_handler);
                            </script>
                            <script type="text/javascript" src="js/jquery.nivo.slider.js"></script>
                            <script type="text/javascript">
            $(window).load(function () {
                $('#slider').nivoSlider();
                $('#slider2,#slider3,#slider4,#slider5,#slider6').nivoSlider({
                    controlNav: false
                });
            });
                            </script>
                            </body>
                            </html>